// 入口函数
$(function () {
  // 1.发送ajax  获取用户信息
  //后面还要用这个方法  所以封装成函数
  getUserInfo()
  //  2.弹出层询问
  $("#logout").on("click", function () {
    // 弹出层询问
    //eg1
    layer.confirm('是否确认退出登录？', { icon: 3, title: '提示' }, function (index) {
      //do something
      // 退出登录  强行跳转登录页   销毁token
      location.href = "/login.html"
      localStorage.removeItem("token")
      // 自动关闭
      layer.close(index);
    });
  })
})

// 封装获取用户信息 
// 其他页面用  封装成全局函数 
function getUserInfo() {
  axios({
    url: '/my/userinfo',
    method: 'get',
    // headers: {
    //   Authorization: localStorage.getItem("token")
    // }
  }).then(res => {
    //成功回调
    // console.log(res.data)
    if (res.data.status != 0) {
      return layui.layer.msg(res.data.message);
    }
    // 成功不提示  直接渲染头像
    renderAvatar(res.data.data)
  });
}

// 封装渲染用户信息函数
function renderAvatar(user) {
  // 1.渲染欢迎词，先渲染nickname  没有就用户名
  let name = user.nickname || user.username
  $("#welcome").html("欢迎&nbsp" + name)

  // 2.渲染头像  判断用户是否有图片头像
  if (user.user_pic != null) {
    $(".layui-nav-img").show().attr("src", user.user_pic)
    $(".text-avatar").hide()

  } else {
    // 文字头像  设置欢迎词首字母大写
    $(".layui-nav-img").hide()
    let first = name[0].toUpperCase()
    $(".text-avatar").show().html(first)
  }
}